iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 8
1
自我挑戰組

網頁學習雜記系列 第 8

Day 08 | 其他資源們

  • 分享至 

  • xImage
  •  

資源的分享,今天大概就是最後一 part 了吧,
覺得學習網頁這塊上,真的太多太多管道了,
有時候可能真的多到讓人不知該怎麼下手,
我覺得,每個人都有自己適合的方式,
適用我的,不見得適用在你身上,
也可能沒辦法第一次就找到適合自己的方式,
可能需要多方嘗試才能找到最適合的,
但只要願意嘗試,最終總會找到辦法的。

1. freeCodeCamp

這是個滿適合入門的網站,
點進去看會發現真是包山包海什麼內容都有。
記得剛開始學的時候,
我就照著他的學習流程,
無腦的打著 code 看看能不能達成他的要求,
覺得滿適合那種喜歡邊學習邊打打字的人,
他有一個 Responsive Web Design Projects 還滿適合拿來練習的。

2. MDN

網頁學習就一定會提到 MDN 啦(結果我原本忘記寫他),
舉凡 HTML/ CSS/ JS 都有很詳盡的解釋以及範例,
雖然有些頁面好像有繁中版,
但我還是建議大家看英文版的,比較完整,
我的使用時機是忘記 CSS 的某個 property 有哪些值可以設定,
或是忘記這個值代表的涵意,
就會上 MDN 查,看看例子加深印象,
或是 google JS 的一個功能有什麼 function 可以用,
然後把查到的丟進 MDN 去更深入的了解該如何運用他。

3. W3School

其實我都用這個網站來背一些指令,
他有一個叫 Quiz 跟 Exercise 的東西,
我一開始不確定自己是不是真的熟記 HTML / CSS 的時候,
就會點那個來測試一下自己,
他還有另外一個叫 W3Schools How To,
裡面寫了滿多網頁會用到的元件的範例。

4. Scrimba

這是一個十分有趣的網站,
課程免費的收費的都有,
光免費的我覺得就很足夠了,
他最有趣的地方是,影片中會呈現程式碼給你,
你可以隨時暫停影片,然後自己去更動那個程式碼,
旁邊的顯示視窗也會即時的顯示出你更動後的模樣,
繼續播放影片就會跳回他教學的部分,
是個很適合練習的網站。

今天的介紹就到這裡啦~
我們明天見。


上一篇
Day 07 | Youtube 原來很多寶可以挖 - 英文篇
下一篇
Day 09 | 我的心路歷程 - Part 1
系列文
網頁學習雜記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言